<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>复焕集 - 我的收藏</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="fontawesome/css/all.min.css">
    <link rel="stylesheet" href="css/myColleation.css" />
    <link rel="stylesheet" href="css/base.css" />
</head>
<body>
    <div class="container-fluid fixed-top  navbar-custom" id="top">
			<nav class="navbar navbar-expand-lg" role="navigation">

				<div class="container position-relative">
					<a href="index.jsp" class="navbar-brand navbar-b-custom font-logo">
						<img src="img/headLogo.png" alt="" id="headImage">
					</a>
					<!-- 搜索条 -->
					<form action="searchGoodsDo" method="get">
						<div class="d-flex position-absolute start-50 translate-middle-x serchBar">
							<input  name="searchName" type="text" class="form-control1 form-control-sm" id="searchBar" />
							<button class="btn btn-primary ms-2 serchBut" id="searchBtn">搜索</button>
						</div>
					</form>
					<!-- 右侧用户信息栏 -->
					<c:choose>
						<c:when test="${not empty sessionScope.logInUser}">
							<ul class="navbar-nav mb-2 mb-lg-0 align-items-center">
								<li class="nav-item d-flex align-items-center">
									<img src="${logInUser.headimg}" alt="" class="headimg align-self-center">
								</li>
								<li class="nav-item"><a href="mineInformation.jsp" class="nav-link navbar-a-custom"
										id="">个人主页</a></li>
								<li class="nav-item"><a href="order.jsp" class="nav-link navbar-a-custom">我的订单</a></li>
								<li class="nav-item"><a href="userLogOut" class="nav-link navbar-a-custom">退出</a></li>
							</ul>
						</c:when>
						<c:otherwise>
							<ul class="navbar-nav mb-2 mb-lg-0 align-items-center">
								<li class="nav-item"><a href="#" class="nav-link navbar-a-custom" id="sign">注册</a></li>
								<li class="nav-item"><a href="#" class="nav-link navbar-a-custom" id="login">登录</a></li>
							</ul>
						</c:otherwise>
					</c:choose>

				</div>
			</nav>
		</div>
	<!-- 左侧固定菜单 -->
	<div class="left-panel" id="left" style="margin-top:40px;">
		<div class="personal_Information">
			<div class="mine_personal_Information active">
				<img src="img/mine_personal_information.png" alt=""> <span
					class="mineInformation">我的信息</span>
			</div>
			<div class="mine_personal_Information Mytransaction">
				<img src="img/mine_information_order.png" alt=""> <span>我的交易</span>
				<img src="img/prePic.png" alt="" class="MytransactionPng MytransactionAction">
			</div>
			<a href="order.jsp">
				<div class="mine_personal_Information needHidden mine_order_Hidden">
					已购买</div>
			</a>
			<a href="ProductOrder.jsp">
				<div class="mine_personal_Information needHidden mine_order_Hidden">
					订单处理</div>
			</a>
			<a href="addProduct.jsp">
                <div class="mine_personal_Information needHidden mine_order_Hidden" >
                     	添加商品
                </div>
            </a>
            <a href="myColleation.jsp">
			<div class="mine_personal_Information">
				<img src="img/mine_personal_collect.png" alt=""> <span>我的收藏</span>
			</div>
			</a>
			<div class="mine_personal_Information AccountSettings">
				<img src="img/mine_information_set.png" alt=""> <span class="">账户设置</span>
				<img src="img/prePic.png" alt=""
					class="AccountSettingsPng AccountSettingsAction">
			</div>
			<a href="mineInformation.jsp">
				<div class="mine_personal_Information needHidden mine_personal_Information_Hidden">
					个人资料</div>
			</a> 
			<a href="informationModification.jsp">
				<div class="mine_personal_Information needHidden mine_personal_Information_Hidden">
					账号与安全</div>
			</a>

		</div>
	</div>

	<!-- 右侧固定导航栏 -->
	<div class="right-panel"  style="margin-top:40px;">
		<div class="right-section">
			<div class="right-title">常用功能</div>
			<a href="sellerInfo.jsp" class="right-link"><i class="fa fa-store"></i> 我的店铺</a>
				<a href="mineInformation.jsp" class="right-link"><i class="fa fa-comment-alt"></i>
				我的评价</a> 
				<a href="#" class="right-link"><i class="fa fa-question-circle"></i> 帮助中心</a>
		</div>
	</div>
    
    <!-- 中部内容区 - 收藏页面 -->
    <div class="main-content">
        <div class="middle" id="middle">
            <div class="headMineInformation">
                <div>
                    <ul class="navbar-nav mb-2 mb-lg-0 align-items-center">
                        <li class="nav-item d-flex align-items-center">
                            <img src="${logInUser.headimg }" alt="" class="headimgTwice align-self-center">
                            <span class="usernameShow">${logInUser.username }</span>
                            <button class="settingInformationBtn">
                                <i class="fas fa-edit"></i> 编辑资料
                            </button>
                        </li>
                        <li class="nav-item d-flex align-items-center mt-2">
                            <span class="InfromationShow">
                                <i class="fas fa-map-marker-alt"></i> ${logInUser.address }
                            </span>
                            <span class="InfromationShow">|</span>
                            <span class="InfromationShow">
                                <i class="fas fa-users"></i> 粉丝: ${logInUser.fannum }
                            </span>
                            <span class="InfromationShow">|</span>
                            <span class="InfromationShow">
                                <i class="fas fa-heart"></i> 关注: ${logInUser.follownum }
                            </span>
                        </li>
                    </ul>
                    
                    <div class="user-tags">
                        <c:forEach items="${logInUser.userTags}" var="tag" varStatus="status">
    						<span class="tag">${tag}</span>
    					</c:forEach>
                    </div>
                    <!-- 自我介绍 -->
                    <div class="self_introduction">${logInUser.introduce }</div>
                </div>
            </div>
            
            <!-- 收藏内容区域 -->
            
            <div class="collection-container">
                <!-- 收藏项 1 -->
                <div class="collection-item">
                    <div class="collection-badge">9成新</div>
                    <div class="collection-img-container">
                        <img src="img/三星Galaxy Watch Active2avif.avif" alt="Apple Watch" class="collection-img">
                    </div>
                    <div class="collection-content">
                        <h3 class="collection-title">Apple Watch Series 7 智能手表 GPS款 45毫米</h3>
                        <div class="collection-price">¥ 1,899</div>
                        <div class="collection-meta">
                            <span>收藏时间: 2023-05-20</span>
                            <span><i class="fas fa-eye"></i> 1.2K</span>
                        </div>
                        <div class="collection-actions">
                            <button class="btn btn-outline-danger btn-collection">
                                <i class="fas fa-trash-alt"></i> 取消收藏
                            </button>
                            <button class="btn btn-primary btn-collection">
                                <i class="fas fa-shopping-cart"></i> 立即购买
                            </button>
                        </div>
                    </div>
                </div>
                
             
            
            <!-- 分页控件 -->
            <nav aria-label="收藏分页" class="mt-4">
                <ul class="pagination justify-content-center">
                    <li class="page-item disabled"><a class="page-link" href="#">上一页</a></li>
                    <li class="page-item active"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item"><a class="page-link" href="#">下一页</a></li>
                </ul>
            </nav>
        </div>
    </div>
    </div>
    <!-- 底部区 -->
		<footer class="container-fluid bottom p-3 mt-auto" id="footer">
			<div class="font-logo infoLeft mx-auto">
				<strong>复焕集 </strong>旧物也能焕然一新的二手市场。
			</div>
			<div class="container">
				<div class="d-flex flex-wrap justify-content-between">
					<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
						<strong>关于我们</strong>
						<li><a href="">公司介绍</a></li>
						<li><a href="">团队介绍</a></li>
						<li><a href="">媒体报道</a></li>
						<li><a href="">加入我们</a></li>
					</ul>
					<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
						<strong>帮助中心</strong>
						<li><a href="">新手入门</a></li>
						<li><a href="">交易流程</a></li>
						<li><a href="">常见问题</a></li>
						<li><a href="">安全指南</a></li>
					</ul>
					<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
						<strong>规则中心</strong>
						<li><a href="">用户协议</a></li>
						<li><a href="">隐私政策</a></li>
						<li><a href="">交易规则</a></li>
						<li><a href="">社区公约</a></li>
					</ul>
					<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
						<strong>联系我们</strong>
						<li><a href="">客服电话：400-114-514</a></li>
						<li><a href="">商务合作：bd@fuhuanji.com</a></li>
						<li><a href="">举报反馈：report@fuhuanji.com</a></li>
					</ul>
				</div>
			</div>
			<div class="copyright">
				© 2023 复焕集 All Rights Reserved. 蜀ICP备12345678号
			</div>
		</footer>
</body>
<script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/mineInformation.js"></script>
    <script src="js/myCollection.js"> </script>
</html>